<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <title>芳小微宣</title>
    <!-- 引入 WeUI -->
    <link rel="stylesheet" href="http://res.wx.qq.com/open/libs/weui/0.4.0/weui.min.css">
    <link rel="stylesheet" href="css/dropload.css">
    <script src="js/jquery.min.js"> </script>
    <script src="js/dropload.min.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <style>
        .dropload-down {
            width: 100%;
            height: 50px;
        }
        .tabChange{
            width: 50%;
            height: 40px;
            line-height: 40px;
            float: left;
            text-align: center;
            background:#e5e5e5;
            font-size: 4.5rem;
            color: #848587;
        }
    </style>
</head>
<body class="tzggPage">
<div class="weui_cells_title">通知公告</div>

<div class="tabChange" style="background: #00a1e9;color: #fff">通知</div>
<div class="tabChange" >公告</div>

<div id="loadPage"></div>

<script>
    $(function(){
        $("#loadPage").html("");
        $(".tabChange").css("background","#e5e5e5");
        $(".tabChange").css("color","#848587");
        //2  公告
        if(getParam("pageIndex") == "2"){
            $(".tabChange").eq(1).css("background","#00a1e9");
            $(".tabChange").eq(1).css("color","#fff");
            $("#loadPage").load("ggList.html");
        }else{
            $(".tabChange").eq(0).css("background","#00a1e9");
            $(".tabChange").eq(0).css("color","#fff");
            $("#loadPage").load("tzList.html");
        }
    });
    $(".tabChange").click(function(){
        $(".tabChange").css("background","#e5e5e5");
        $(".tabChange").css("color","#848587");
        $(this).css("background","#00a1e9");
        $(this).css("color","#fff");
        if($(this).index() == 1){
             $("#loadPage").load("tzList.html");
        }else{
            $("#loadPage").load("ggList.html");
        }
    });
</script>
</body>
</html>